html,body {
    margin:0;
    padding:0;
}
.positionab{
    position: absolute;  
}
.zindex-100{
    z-index: -100;
}
/* 页面布局样式 */
.layoutHome-wrap{
    // width: 100%;
    // height:100%;
    background: url('../img/layout/bg.jpg') no-repeat 0 0 ;
    background-size: 100% 100%;
    // outline: 1px solid red;
    .layout-sidebar-shrink{
        position: absolute;
        right:0;
        float: right;
        width: 33px;
        height: 142px;
        background: url('../img/layout/shrink.png') no-repeat 0 0;
        margin-right: -38px;
        top: 50%;
        margin-top:-70px;
        cursor: pointer;
    }
    .layout-sidebar-open{
        margin-top:-140px;
        background-image: url('../img/layout/shrink_open.png');
    }
    .layout-assit-shrink{  
        position: absolute;
        left:-30px;
        float: right;
        width: 33px;
        height: 142px;
        background: url('../img/layout/shrink.png') no-repeat 0 0;
        top: 50%;
        margin-top:-70px;
        cursor: pointer;
        transform: scale(-1, 1);
    }
    .layout-assit-open{
        background-image: url('../img/layout/shrink_open.png');
        left:0;
        margin-top:-65px;

    }
    &>div{
        box-sizing: border-box;
    }
    .layout-assist-wrap{
        position: absolute;
        // width: 28%;
        z-index: 2;
        right: 32px;
        top:89px;
        bottom:10px;
    }
    .layout-sidebar-wrap{
        position: absolute;
        width:auto;
        z-index: 2;
        top:100px;
        bottom:30px;
        left:0;
    }

    .layout-bottom-wrap{
        position: absolute;
        width:auto;
        z-index: 5;
        bottom: 80px;
        left:510px
    }

    .layout-main-wrap{
        width: 100%;
        height:100%;
        &::before{
            position: absolute;
            content: '';
            top:0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('../img/layout/bg-a.png') no-repeat;
            background-size: 100% 100%;
            z-index: 1;
            pointer-events: none;
        }
    }
}

.layoutMain{
    height:100%;
    position: relative;
}
.map-wrap{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    

    //start 物资需求分布地图弹出窗样式
    /deep/#popup_material_sjts{
        position: relative;
    }
    /deep/.GisPopup_hospital {
        background-image: url('../img/GisPopup/gisbg.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 278px;
        height: 57px;
        position: absolute;
        top: -86px;
        left: -130px;
    }
    /deep/.GisPopup_unit {
        background-image: url('../img/GisPopup/gisbg.png');
        background-repeat: no-repeat;
        background-position: 0 -65px;
        width: 278px;
        height: 57px;
        position: absolute;
        top: -86px;
        left: -130px;
    }
    /deep/.position {
        position: absolute;
        top: 22px;
        left: 24px;
        width: 85%;
        height: 25px;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }
    /deep/.name {
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        font-style: italic;
        line-height: 25px;
        max-width: 50%;
        //text-align: right;
        padding-right: 4px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;


    }

    /deep/.specialName{
        max-width: 100%;
    }

    /deep/.unitName {
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        max-width: 10%;

        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    
    /deep/.num_hospital {
        color: #e54034;
        font-size: 18px;
        font-weight: 800;
        font-style: italic;
        line-height: 25px;
        max-width: 40%;
        padding-left: 20px;
        padding-right: 4px;
        box-sizing: border-box;

        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    /deep/.num_unit {
        color: #14f791;
        font-size: 18px;
        font-weight: 800;
        font-style: italic;
        line-height: 25px;
        max-width: 40%;
        padding-left: 20px;
        padding-right: 4px;
        box-sizing: border-box;

        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    //end 物资需求分布地图弹出窗样式
}




